<template>
    <ul class="set_box">
        <li>
            <img src="@/assets/images/qd.png" alt="qd.png">
            签到
        </li>
        <li>
            <img src="@/assets/images/cup.png" alt="cup.png">
            礼券
        </li>
        <li>
            <img src="@/assets/images/bargin.png" alt="bargin.png">
            砍价
        </li>
        <li>
            <img src="@/assets/images/zl.png" alt="zl.png">
            专栏
        </li>
    </ul>
</template>

<script>
export default {
  name: '',
  data() { 
    return {

    }
  },
  created() {

  },
  methods:{

  },
 }
</script>

<style scoped lang="scss">
    .set_box {
        width: 100%;
        height: 254px;
        background-color: #fff;
        border-radius: 20% 20% 0 0;
        display: flex;
        justify-content: space-around;
        li {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 40px;
            color: #333;
            img {
                width: 90px;
                height: auto;
                margin-bottom: 30px;
            }
        }
    }
</style>